<!-- 虽然html不能识别但是静态包含编译后可解决乱码问题 -->
<%@page pageEncoding="UTF-8"%>  
<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO - Simple Data</TITLE>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/cms/resources/ztree/cssztree/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="/cms/resources/ztree/jsztree/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/cms/resources/ztree/jsztree/jquery.ztree.core.js"></script>
 	<script type="text/javascript" src="/cms/resources/ztree/jsztree/jquery.ztree.exedit.js"></script>
    <script type="text/javascript" src="/cms/resources/ztree/js/metro.js"></script>
</HEAD>

	<style type="text/css">
		.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
	</style>
<BODY>
		<div style="height:531px;overflow-y:scroll;overflow-x:hidden;">
	        <ul id="treeDemo" class="ztree" ></ul><br/>
		</div>
		<div style="height:20px;margin-top:30px;margin-left:5px;font-size: 18px">
			<input id="expandAll" type="button" value="展开/收缩" onclick="return false;">
		</div>
	    <!-- [ <a id="checkAll" href="#" onclick="return false;">勾选/取消</a> ] -->
</BODY>
</HTML>